<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-BR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${play.configuration.get('application.displayName')}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
		<meta name="author" content="">


			<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->

			<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

			<!-- Le styles -->
			<link href="../../public/stylesheets/bootstrap.css" rel="stylesheet"
				type="text/css" />
			<link href="../../public/stylesheets/bootstrap-responsive.css"
				rel="stylesheet" type="text/css" />
			<link href="../../public/stylesheets/main.css" rel="stylesheet"
				type="text/css" />
			<link href="../../public/stylesheets/tablesorter.css"
				rel="stylesheet" type="text/css" />



			#{stylesheet 'bootstrap.css' /}
			<style type="text/css">
				body {
					padding-top: 60px;
					padding-bottom: 40px;
					background-image: url(../../public/images/main-bg.jpg);
				}

				.sidebar-nav {
					padding: 9px 0;
				}
			</style>
			#{stylesheet 'bootstrap-responsive.css' /} #{get 'moreStyles' /} <!-- Le fav and touch icons -->
			<link rel="shortcut icon" href="${'/public/images/favicon.png'}">

				<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
					<link rel="apple-touch-icon" sizes="72x72"
						href="images/apple-touch-icon-72x72.png">
						<link rel="apple-touch-icon" sizes="114x114"
							href="images/apple-touch-icon-114x114.png">
</head>

<body>

	<div class="container ">
		<div class="navbar navbar-top">
			<div class="header" style="margin-top: -50px;">
				<img src="../../public/images/cidade.png" />
			</div>
			<!--   <div class="header" background-image="../../public/images/cidade.png"; style="margin-top:-50px; width:1000px;"><img src="../../public/images/cidade.png" width="244" height="79" /></div>-->
			<div style="height: 45px; padding-top: 5px;" class="navbar-inner">
				<div class="container-fluid">
					
					<a class="btn btn-navbar" data-toggle="collapse"
						data-target=".nav-collapse"> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
					</a>
					<div class="nav-collapse">
						#{if session.get('username')}
						<p class="navbar-text pull-right">
							Bem-vindo, <strong class="white">${session.get('nome')}</strong>.
						</p>
						#{/if} #{else} #{form
						@Security.authenticate(),method:'POST',class:'navbar-form
						pull-right'} <input type="text" class="span2" name="username"
							placeholder="e-mail" /> <input type="password" class="span2"
							name="password" placeholder="senha" />
						<button type="submit" class="btn">
							<i class="icon-lock"></i> Entrar
						</button>
						#{/form} #{/else}

					</div>
					<!--/.nav-collapse -->
				</div>
			</div>
		</div>

		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span3">#{include 'barraLateral.html' /}</div>
				<!--/span-->
				<div class="span9">#{mensagemAlerta /} #{doLayout /}</div>
			</div>
			<!--/row-->


			<footer style="bottom:0;">
			<hr>
				<div>
					<p style="text-align: center; color: #0079c2;">
						&copy; Carteiro <span style="font-size: 9px;"><i>BETA</i></span>
					</p>
				</div>
			</footer>

		</div>
		<!--/.fluid-container-->

		<!-- Le javascript
    ================================================== -->

		<!-- Placed at the end of the document so the pages load faster -->
		#{script 'jquery-1.7.1.min.js' /} #{script 'bootstrap-transition.js'
		/} #{script 'bootstrap-alert.js' /} #{script 'bootstrap-modal.js' /}
		#{script 'bootstrap-dropdown.js' /} #{script 'bootstrap-scrollspy.js'
		/} #{script 'bootstrap-tab.js' /} #{script 'bootstrap-tooltip.js' /}
		#{script 'bootstrap-popover.js' /} #{script 'bootstrap-button.js' /}
		#{script 'bootstrap-collapse.js' /} #{script 'bootstrap-carousel.js'
		/} #{script 'bootstrap-typeahead.js' /} #{i18n /} #{get 'moreScripts'
		/}
	</div>

</body>
</html>
